<script>
export default {
  name: "filterPage",
  data(){
    return {
      msg:'我tmd你',
      msg1:'msg1内容'
    }
  },
  methods:{},
//   私有过滤器
  filters:{
    ownFilter(data,format){
      console.log(data,format)
    }
  }

}
</script>

<template>
<div>
  过滤器
<!--  全局过滤器其他页面可以使用，私有过滤器其他页面不能使用-->
  {{msg}}

<!--  下面p标签里展示的是过滤器返回值-->
  <p>{{msg | setMsg(123)}}</p>



<!--  多个过滤器的使用-->
  <p>{{msg | setMsg(123) | setMsg1('多个过滤器')}}</p>


<!--  私有过滤器的使用-->
  <p>{{msg1 | ownFilter('私有过滤器')}}</p>


<!--  预留展示区域-->
<router-view></router-view>

<!--      <router-view name="courseIndex"></router-view>-->
  <router-view name="keyBoardModifiers"></router-view>
  <router-view name="brandManagement"></router-view>
</div>
</template>

<style scoped lang="less">

</style>